<template>
  <div class="box1">
    <Homesearch></Homesearch>
    <div class="middle">
      <router-view></router-view>
      <Goshoppingcar />
    </div>
    <Maintabbar></Maintabbar>
  </div>
</template>

<script>
import Homesearch from "./Homesearch";
import Maintabbar from "../../components/Maintabbar";
import Goshoppingcar from "../../components/Goshoppingcar";
// import axios from "axios";

export default {
  name: "",
  data() {
    return {};
  },
  components: {
    Homesearch,
    Maintabbar,
    Goshoppingcar,
  },
  // created() {
  //   axios.get("http://localhost:3000/homegoods").then((res) => {
  //     console.log(res);
  //   });
  // },
};
</script>
<style scoped>
.box1 {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.middle {
  flex: 1;
  overflow-y: auto;
}
</style>